import { Component } from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import React from 'react';
import GroupHeader from '@/components/GroupHeader';
import KeywordFilterSearch from '@/components/KeywordFilterSearch';
import RichTextEditor from '@/components/RichTextEditor';

class TodoPage extends Component<any> {
  render() {
    console.log(this.props);
    const options = [
      { title: '新建课程' },
      { title: '模板管理' },
      { title: '分类管理' },
      //{ title: '组件管理' },
      { title: '课件管理' },
    ];
    return (
      <PageHeaderWrapper
        pageHeaderRender={(props) => 
        <div>
            <GroupHeader options={options} {...props}></GroupHeader>
            <KeywordFilterSearch filters={[{title:"测试",multiple:false,keywords:["学习","游戏","旅游","休息","散步"]},{title:"测试1",multiple:false,keywords:["学习","游戏","旅游","休息","散步"]}]}></KeywordFilterSearch>
        </div>
        }
        title="ssdadfd"
      >
        <RichTextEditor></RichTextEditor>
       
        
      </PageHeaderWrapper>
    );
  }
}

export default TodoPage;
